<template>
  <div class="primary-title">
    <slot />
  </div>
</template>

<script>
export default {
  name: 'CTitle'
}
</script>

<style lang="less" scoped>
.primary-title {
  display: inline-flex;
  align-items: center;
  color: #5eb0f5;
  font-family: MicrosoftYaHei;
  font-size: 16px;
  font-weight: 600;

  &::before {
    content: '';
    display: inline-block;
    width: 5px;
    height: 1em;
    background-color: #5eb0f5;
    margin-right: 12px;
  }
}
</style>
